<style type="text/css">
    .hlbox {
        background-color: #fbfaf3;
        height: 28em;
        width: 566px;
        padding: 1em;
        overflow: hidden;
    }

    .hlbox .hltitle {
        display: block;
        font-size: 2.0000em; /* 24px */
        line-height: 1.5000em; /* 36px */
        font-family: serif;
        font-weight: bolder;
        margin-top: -0.7em;
        margin-bottom: -0.3em;
    }

    .hlbox .imgbox {
        border: 1px solid #d4ccb0;
        min-height: 200px;
        width: 200px;
        float: left;
        margin: 1em;
    }
</style>
<div class="hlbox">
    <?php if ($hlBerita != NULL) { ?>
        <div class="hltitle">
            <a href="<?php echo site_url("artikel/berita/" . $hlBerita->id); ?>"><?php echo $hlBerita->content_id->title; ?></a>
        </div>
        <div>
            <img src="<?php echo $hlBerita->content_id->hlPicSrc; ?>" class="imgbox" />
            <p>
                <?php echo $hlBerita->content_id->shortHL; ?>
            </p>
        </div>
    <?php } ?>
</div>